<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>财务管理-白坯应付款</title>
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/bootstrap/easyui.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon.css"/>
    <link rel="stylesheet" href="css/icon.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon.css"/>
    <link rel="stylesheet" href="css/order_report.css"/>
    <link rel="stylesheet" href="css/icon_state.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon_expand.css"/>
    <script type="text/javascript" src="jQuery/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/datagrid-filter/datagrid-filter.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.expand.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/pages/jc/button_generate.js"></script>
    <script type="text/javascript" src="js/util/utils.js?version=1.1"></script>
    <script type="text/javascript" src="js/util/loadEventUtil.js"></script>
    <script type="text/javascript" src="js/util/memoryColumnUtil.js"></script>
    <!-- kendo -->
    <link rel="stylesheet" href="KendoUI/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="KendoUI/styles/kendo.default.min.css"/>
    <link rel="stylesheet" href="KendoUI/styles/kendo.rtl.min.css"/>
    <script type="text/javascript" src="KendoUI/js/jszip.min.js"></script>
    <script type="text/javascript" src="KendoUI/js/kendo.all.min.js"></script>
    <script type="text/javascript" src="KendoUI/js/messages/kendo.messages.zh-CN.min.js"></script>
    <script type="text/javascript" src="js/util/kendo.config.js"></script>
    <script type="text/javascript" src="js/util/datetimeUtils.js"></script>
    <!--全局样式，设置字体格式变大    -->
    <link rel="stylesheet" href="css/global.css"/>
    <style>
        .input-group {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .option-item {
            display: flex;
            align-items: center;
            padding: 8px 10px;
            cursor: pointer;
            border-radius: 4px;
            transition: background 0.2s;
        }
        .plan_main {position: absolute;top:1px;bottom:1px;right:1px;left: 1px; background: #FEFCFB; /*  border: 0px solid red;*/}
        /*.plan_top {height: 35px;width: 100%;float: left;background: #F6F2F1;border: 1px solid #F6F2F1 ;}*/
        .plan_top {height: 35px;width: 100%;float: left;background: #F6F2F1;border: 1px solid red ;}
        .plan_text {height: calc(100% - 40px);width: 100%;float: left;background: #FFFCFB;border: 1px solid #DBCFC3 ;}
        .demos {
            height: 30px;
            width: 200px;
            float: left;
        }
        .demos label{
            font-size: 14px;
            text-align:right;
        }
        .plandate {
            height: 60px;
            width: 200px;
            float: left;
        }
    </style>
</head>
<body th:data-menu_id="${MENU_ID}">
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',height:80">
        <div class="datebox-group">
            <ul style="width: 100%;height: 100%;margin: 0;">
                <li style="height: 32px;">
                    <div class="btn-group pull-left">
                        <input id="start" class="easyui-datebox"
                               data-options="label:'起始日期：',disabled:false,labelWidth:85,width:210,value:getDateNew(-30)">
                    </div>
                    <div class="btn-group pull-left">
                        <input id="end" class="easyui-datebox"
                               data-options="label:'终止日期：',disabled:false,labelWidth:85,width:210,value:getDateNew(0)">
                    </div>

                    <div class="btn-group pull-left">
                        <input id="client" class="easyui-combobox"
                               data-options="label:'坯布商：',labelWidth:70,
                                             url:'jcSupplier/listQuery',
                                             method:'GET',
                                             valueField:'ctName',textField:'ctName',
                                             limitToList:true">
                    </div>
                    <div id="search_area" class="btn-group pull-left">
                        <a id="btn_search" class="easyui-linkbutton" data-options="
                            text: '查询',
                            size: 'small',
                            group: `g1`,
                            iconCls: 'icon-search',
                            onClick: btn_search,
                            plain: true"></a>
<!--                        <input id="btn_finishedOrAll" class="easyui-switchbutton" data-options="width:70,onText:'全部',offText:'未完成',onChange: finishedOrAll">-->
                    </div>

                    <div class="pull-right">
                        <div style="height: 50%;">
                            <span style="padding: 1px;width: 12px;height:12px;display: inline-block; background-color: blue;"> </span>
                            <span>已完成</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="north" class=" pull-left"></div>
                </li>
            </ul>
        </div>

        <!--        <div class="plan_top">-->
        <!--<div class="plandate" style="border: 0px solid red;width: 180px;padding-left: 5px">
            <div class="demos">
                <label>起始日期：</label>
                <input id="start" class="easyui-datebox"
                       data-options="width:100,height:25,value:getCurrentDate(-5),disabled:false">
            </div>

            <div class="demos">
                <label>终止日期：</label>
                <input id="end" class="easyui-datebox"
                       data-options="width:100,height:25,value:getCurrentDate(0),disabled:false">
            </div>
        </div>

        <div class="plandate" style="border: 0px solid red;width: 42px;">
            <a class="easyui-linkbutton" onclick="btn_search()"
               data-options="iconCls:'icon-search',iconAlign:'top',width:40,height:55">查询</a>
        </div>

        &lt;!&ndash; 2024年6月3日 16:01:08 chanchaw 修改删除 &ndash;&gt;
        <div class="plandate" style="border: 0px solid red;width: 95px;padding-left: 2px;">
            <div class="demos">
                <a id="btn_cancel_add" href="#" class="easyui-linkbutton" onclick="btn_cancel_add()" data-options="iconCls:'icon-add',iconAlign:'left',width:90,height:25">新增单据</a>
            </div>
            <div class="demos">
                <a id="btn_cancel_delete" href="#" class="easyui-linkbutton" onclick="btn_cancel_delete()" data-options="iconCls:'icon-delete',iconAlign:'left',width:90,height:25">作废单据</a>
            </div>
        </div>

        <a id="btn_cancel_filter" href="#" class="easyui-linkbutton" onclick="btn_cancel_filter()" style="float: left"
           data-options="iconCls:'icon-clear',iconAlign:'top',width:65,height:55">清除过滤</a>

        <div class="plandate" style="border: 0px solid red;width: 95px;padding-left: 2px;">
            <div class="demos">
                <a id="btn_export" href="#" class="easyui-linkbutton" onclick="btn_export_excel()"
                   data-options="iconCls:'icon-clear',iconAlign:'left',width:90,height:25">导出Excel</a>
            </div>

            <div class="demos">
                <a id="btn_grid_columns" href="#" class="easyui-linkbutton" onclick="btn_open_column_list()"
                   data-options="iconCls:'icon-filter',iconAlign:'left',width:90,height:25">列设置</a>
            </div>
        </div>

        <a id="btn_close" href="#" class="easyui-linkbutton" onclick="btn_close()" style="float: left"
           data-options="iconCls:'icon-no',iconAlign:'top',width:50,height:55">关闭</a>-->
        <!--        </div>-->
    </div>
    <div data-options="region:'center'">
        <table id="v_grid"></table>
    </div>
</div>
<div id="order_log" class="easyui-dialog" title="新增付款" style="width:400px;height:348px;padding:10px"
     data-options="
            iconCls:'icon-save',
            modal:true,
            closable:false,
            buttons:[{
                id: 'btn_delete',
                disabled: true,
                text:'删除',
                iconCls: 'icon-delete',
                handler: btn_delete
            },{
                text:'保存',
                iconCls: 'icon-save',
                width:70,
                handler: btn_saveData
            },{
                text:'关闭',
                iconCls: 'icon-no',
                width:70,
                handler: btn_close_log
            }],
            closed:true">
        <form id="form" style="width:100%;height: 100%;">
            <div class="hidden">
                <input id="id" name="id" class="easyui-textbox">
            </div>
            <div class="pull-left input-group">
                <input id="clientId" name="clientId" class="easyui-combobox"
                       data-options="label:'坯布商：',
                               labelAlign:'right',
                               url:'jcSupplier/listQuery',
                               method:'GET',
                               textField:'ctName',
                               valueField:'id',
                               limitToList:true,
                               panelHeight:300,
                               required:true,
                               width:325,
                               labelWidth:85,
							   onShowPanel:function(){
                                    $(this).combobox('reload','jcSupplier/listQuery');
                               },
                               filter:function(q,row){
                                    let options = $(this).combobox('options');
                                    let textField = row[options.textField] || '';
                                    let sIdField = row[options.valueField] || '';
                                    return textField.toString().toUpperCase().indexOf(q.toUpperCase()) >= 0
                                           || sIdField.toString().toUpperCase().indexOf(q.toUpperCase()) >= 0;
                               }
                        ">
            </div>
            <div class="pull-left input-group">
                <input id="billDate" name="billDate" class="easyui-datebox" data-options="
                                label:'日期：',
                                width:325,
                                labelWidth:85,
                                value:getCurrentDate(),
                                editable: false,
                                labelAlign:'right'">
            </div>
            <div class="pull-left input-group">
                <input id="sid" name="sid" class="easyui-combobox" >
<!--                       data-options="-->
<!--                    label:'项目：',-->
<!--                    labelAlign:'right',-->
<!--                    url:'jcSimple/listQuery',-->
<!--                    method:'GET',-->
<!--                    textField:'orderNo',-->
<!--                    valueField:'orderNo',-->
<!--                    limitToList:true,-->
<!--                    panelHeight:300,-->
<!--                    onShowPanel:function(){-->
<!--                         $(this).combobox('reload','orderMain/listQuery');-->
<!--                    },-->
<!--                    required:true">-->
            </div>
            <div class="pull-left input-group">
                <input id="money" name="money" class="easyui-numberbox" data-options="
                                label:'金额：',
                                width:325,
                                labelWidth:85,
                                editable:true,
                                precision:2,
                                labelAlign:'right'">
            </div>
            <div class="pull-left input-group">
                <input id="payType" name="payType" class="easyui-combobox" >
            </div>
            <div class="pull-left input-group">
                <input id="remark" name="remark" class="easyui-textbox" data-options="
                                label:'备注：',
                                width:325,
                                labelWidth:85,
                                editable:true,
                                labelAlign:'right'">
            </div>
        </form>
</div>
<!--订单工艺选择模态窗-->
<!--<div id="techModal" class="easyui-dialog" title="选择工艺" style="width:200px;height:400px;padding:10px"
     data-options="
        closed:true,
        modal:true,
        buttons:[{
            text:'确认',
            handler:confirmTechSelection
        },{
            text:'取消',
            handler:function(){$('#techModal').dialog('close');}
        }]">
    <div style="margin:20px; font-size: 16px;">
        <label class="option-item"><input type="checkbox" name="techOption" value="坯布" style="transform:scale(1.3); margin-right:8px;"> 坯布</label><br>
        &lt;!&ndash;        <label class="option-item"><input type="checkbox" name="techOption" value="前处理" style="transform:scale(1.3); margin-right:8px;"> 前处理</label><br>&ndash;&gt;
        <label class="option-item"><input type="checkbox" name="techOption" value="染色" style="transform:scale(1.3); margin-right:8px;"> 染色</label><br>
        <label class="option-item"><input type="checkbox" name="techOption" value="深加工1" style="transform:scale(1.3); margin-right:8px;"> 深加工1</label><br>
        <label class="option-item"><input type="checkbox" name="techOption" value="深加工2" style="transform:scale(1.3); margin-right:8px;"> 深加工2</label><br>
        &lt;!&ndash;        <label class="option-item"><input type="checkbox" name="techOption" value="后处理" style="transform:scale(1.3); margin-right:8px;"> 后处理</label><br>&ndash;&gt;
        <label class="option-item"><input type="checkbox" name="techOption" value="成品" style="transform:scale(1.3); margin-right:8px;"> 成品</label>
    </div>
</div>-->
<div id="techModal" class="easyui-dialog" title="选择工艺" style="width:150px;height:450px;padding:10px"
     data-options="
        closed:true,
        modal:true,
        onOpen:loadTechOptions,  <!-- 增加对话框打开事件 -->
        buttons:[{
        text:'确认',
        handler:confirmTechSelection
        },{
        text:'取消',
        handler:function(){$('#techModal').dialog('close');}
     }]">
    <!-- 修改容器为可动态填充的容器 -->
    <div id="techOptionsContainer" style="margin:1px; font-size: 14px;"></div>
</div>
</body>
<script type="text/javascript" src="js/pages/cw/cw_payment_supplier_Page.js?version=1.5"></script>
</html>